  <style>
    #box{
        width: 200px;
        height: 200px;
        background: rgb(136, 70, 70);

    }
  </style>
<body>
    <input type="button" value="按钮" id="btn">
    <div id="box"></div>
    <script>
     
//         # 作业
// 1. 拓展：利用递归，扁平化数组

//     - 多维数组转成一维数组
// 2. 根据商品数据，实现商品列表布局
//     - 利用到提供的所有素材数据，还要美化页面
// 3. 定义一个30项的数组，数组的每一项要求都是**1~9之间的随机数**，每间隔5个数字，求出这五个数的平均值
// 4. 通过循环制造一个5 x 5的二维数组，这个数组中的数据是**1~9之间的随机数**，试编程
//     - [[],[],[],[],[]]


        //    var arr=[[1],[2],[3],[4],[5]] 
        //    var arr1=Math.random()
        //    console.log(arr1*10)
        //    parseInt(arr1)
        //    console.log(arr1)
        //    arr1=arr[0][0].values
        //    arr1=arr.forEach(function(a,b,c){
        //     console.log(c)
        //    })
       
        // console.log(fun(9,1))
        // var i=fun
        // var arr=[[fun.value],[fun],[fun],[fun],[fun]]
        // arr.forEach(function(a,b,c){
        //     console.log(c)
        // })
        // console.log(arr)


        function fun( max,min){
            return Math.round(Math.random()* (max-min) + min)
        }
        console.log(fun(1,9))
        console.log(fun(1,9))

        var bigArr = [];
    for(var i=0;i<5;i++){
        var sArr = [];
        for(var j=0;j<5;j++){
            sArr.push("fun")
        }
        bigArr.push(sArr);
    }
    console.log(bigArr);

         
// 5. 封装函数，实现随机rgb颜色，结果为字符
//     - 颜色值的范围：0~255
       var box = document.getElementById('box');
       var  btn = document.getElementById('btn');
        
        var ccc = 777777
        btn.onclick = function(){
            ccc+=2000
            box1.style.backgroundColor ='#'+ccc;
            // alert(123)
            console.log(ccc)
            
        }

     

// 7. 封装函数，实现4位数字的随机验证码
function fun( max,min){
            return Math.round(Math.random()* (max-min) + min)
        }
        i=(fun(1,9))
     var obj=[[i+1],[i+2],[i-1],[i-3]]
     console.log(obj)
     obj.forEach(function(a,b,c){
           console.log(a)
     })
  
// 8. 封装函数，实现4位数字字母混合的随机验证码
// 9. 课外阅读：千年虫事件
// 10. 使用字符串拼接操作，配合日期对象，格式化日期：
//     - 返回值：yyyy年mm月dd日 星期d hh:mm:ss
//     - 注意：月份，星期，注意小于10的数字的处理
// 11. 封装计算两个日期之间差值的函数
//     - 利用参数，传入两个指定日期（字符）
//     - 返回值为对象，如：{day:x, hour: y, minu: z, sec: s}
    
    </script>
</body>